import { Tag } from 'antd';

export default function HotTextBlock({ list = [] }: any) {
  return (
    <div className="relative my-[40px] flex justify-around">
      <div className="flex gap-[10px]">
        {list.map((item: any, index: number) => {
          return (
            <a href={item.href} key={index} target="_blank" rel="noreferrer">
              <Tag className="cursor-pointer !bg-[#fff] !p-[14px] !text-[20px]">{item.title}</Tag>
            </a>
          );
        })}
      </div>
    </div>
  );
}
